/* Copyright (c) 2015 - 2017, Nordic Semiconductor ASA
 *
 * All rights reserved.
 *
 * Use in source and binary forms, redistribution in binary form only, with
 * or without modification, are permitted provided that the following conditions
 * are met:
 *
 * 1. Redistributions in binary form, except as embedded into a Nordic
 *    Semiconductor ASA integrated circuit in a product or a software update for
 *    such product, must reproduce the above copyright notice, this list of
 *    conditions and the following disclaimer in the documentation and/or other
 *    materials provided with the distribution.
 *
 * 2. Neither the name of Nordic Semiconductor ASA nor the names of its
 *    contributors may be used to endorse or promote products derived from this
 *    software without specific prior written permission.
 *
 * 3. This software, with or without modification, must only be used with a Nordic
 *    Semiconductor ASA integrated circuit.
 *
 * 4. Any software provided in binary form under this license must not be reverse
 *    engineered, decompiled, modified and/or disassembled.
 *
 * THIS SOFTWARE IS PROVIDED BY NORDIC SEMICONDUCTOR ASA "AS IS" AND ANY EXPRESS OR
 * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY, NONINFRINGEMENT, AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL NORDIC SEMICONDUCTOR ASA OR CONTRIBUTORS BE LIABLE
 * FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 * SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 * CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
 * TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

import React from 'react';
import PropTypes from 'prop-types';
import semver from 'semver';

function renderAlert(altText) {
    return (
        <div>
            <span className="alert-icon-bg" />
            <span className="mdi mdi-alert" title={altText} />
        </div>
    );
}

function renderNotice(app) {
    if (!app.engineVersion) {
        return renderAlert(
            'The app does not specify which nRF Connect version(s) ' +
                'it supports'
        );
    }
    if (!app.isSupportedEngine) {
        return renderAlert(
            `The app only supports nRF Connect ${app.engineVersion}, ` +
                'which does not match your currently installed version'
        );
    }
    return null;
}

const AppIcon = ({ app }) => {
    const { engineVersion, iconPath } = app;
    const installed = !!app.currentVersion;
    const primaryColorNeedsUpdate =
        engineVersion && semver.lt(semver.minVersion(engineVersion), '3.2.0');
    return (
        <div
            className={`core-app-icon ${
                primaryColorNeedsUpdate ? 'old-app-icon' : ''
            }`}
            style={{
                borderRadius: 7,
                background: '#e6f8ff',
                width: '48px',
                height: '48px',
            }}
        >
            <img src={iconPath || ''} alt="" draggable={false} />
            {installed && renderNotice(app)}
        </div>
    );
};

AppIcon.propTypes = {
    app: PropTypes.shape({
        iconPath: PropTypes.string,
        currentVersion: PropTypes.string,
        engineVersion: PropTypes.string,
        isSupportedEngine: PropTypes.bool,
        url: PropTypes.string,
    }).isRequired,
};

export default AppIcon;
